@font-face {
    font-family: 'wevicon';
    src: url('/font/theme/icon-menu.eot');
    src: url('/font/theme/icon-menu.eot?#iefix') format('embedded-opentype'),
         url('/font/theme/icon-menu.woff') format('woff'),
         url('/font/theme/icon-menu.ttf') format('truetype'),
         url('/font/theme/icon-menu.svg#wevicon') format('svg');
}



.e9-odoc-exchange-login{
    width: 100%;
    height: 100%;
    position:relative;
    .e9-odoc-exchange-login-form{
        float: left;
        width: 310px;
        height: 590px;
        
        .e9-odoc-exchange-login-form-logo{
            width: 124px;
            height: 124px;
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E04001, endColorstr=#A40000);/*IE<9>*/
            background-image: linear-gradient(-180deg, #E04001 0%, #A40000 99%);
            border-radius: 28px;
            margin-left: 93px;
            text-align: center;
            margin-bottom: 15px;
            .logo{
                font-size: 80px;
                color: #ffffff;
                line-height: 134px;
            }
        }

        .e9-odoc-exchange-login-form-multiLang {
            position: relative;
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            .e9-odoc-exchange-login-form-multiLangText {
                display: inline-block;
                width: 80px;
                cursor: pointer;
            }
            
            .e9-odoc-exchange-login-form-multiLangText-selected {
                color: #E04001;
                background-color: #f3fbf9;
            }
            
            .e9-odoc-exchange-login-form-multiLangList {
                position: absolute;
                left: 50%;
                z-index: 30;
                width: 80px;
                margin-left: -40px;
                text-align: left;
                color: #646767;
                background-color: #f3fbf9;
            }
            
            .e9-odoc-exchange-login-form-multiLangList > ul {
                list-style: none;
            }
            
            .e9-odoc-exchange-login-form-multiLangList > ul > li {
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                cursor: pointer;
            }
            
            .e9-odoc-exchange-login-form-multiLangList-selected,
            .e9-odoc-exchange-login-form-multiLangList > ul > li:hover {
                color: #fff;
                background-color: #E04001;
            }
        }
        
        .odocicon-e9-odoc-exchange-login-arrow{
            position: absolute;
            z-index: 1;
            font-size: 18px;
            line-height: 35px;
            color: #C62900;
        }

        .odocicon-e9-odoc-exchange-login-account, 
        .odocicon-e9-odoc-exchange-login-password {
                position: absolute;
                z-index: 1;
                font-size: 22px;
                line-height: 35px;
                color: #C62900;
            }

        .odocicon-e9-odoc-exchange-login-arrow:before               { content: "\E9B3"; }
        .odocicon-e9-odoc-exchange-login-account:before             {  content: "\e9d6";  }
        .odocicon-e9-odoc-exchange-login-password:before            {  content: "\e9d7";  }

        .e9-odoc-exchange-login-form-title{
            font-size: 32px;
            color: #C62900;
            text-align: center;
            margin-bottom: 15px;
        }
       
        .e9-odoc-exchange-login-form-item {
            position: relative;
            width: 100%;
            height: 65px;
            line-height: 35px;
            padding-top: 30px;
            border-bottom: 1px solid #C62900;
            
            .e9-odoc-exchange-login-form-label{
                position: absolute;
                left: 35px;
                z-index: 1;
                font-size: 14px;
                color: #C62900;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .e9-odoc-exchange-login-form-input{
                width: 100%;
                height: 100%;
                padding: 0 10px 0 35px;
                font-size: 14px;
                border: none;
                outline: none;
                background: none;
                color: #C62900;
            }

            .e9-odoc-exchange-login-form-display-hidden {
                display: none !important;
            }

            .e9-odoc-exchange-login-form-input-vc {
                width: 170px;
                height: 38px;
                line-height: 38px;
                border-radius: 20px;
            }
            
            .e9-odoc-exchange-login-form-vc-img {
                float: right;
                width: 112px;
                height: 38px;
                vertical-align: middle;
                opacity: .8;
                filter: Alpha(opacity=80);
            }
            
            .e9-odoc-exchange-login-form-vc-img > img {
                width: 100%;
                height: 100%;
                cursor: pointer;
            }
        }

        .e9-odoc-exchange-login-form-remember {
            padding-top: 30px;
            margin-top: 10px;
            .e9-odoc-exchange-login-form-remember-forget {
                display: none;
                float: left;
                height: 20px;
                line-height: 20px;
                cursor: pointer;
            }
            
            .e9-odoc-exchange-login-form-remember-content {
                float: right;
                height: 20px;
                line-height: 20px;
            }
            
            .e9-odoc-exchange-login-form-remember-account,
            .e9-odoc-exchange-login-form-remember-password {
                display: inline-block;
            }
            
            .e9-odoc-exchange-login-form-remember-password {
                margin-left: 20px;
            }
            
            .e9-odoc-exchange-login-form-remember-content .ant-checkbox-wrapper {
                display: inline-block;
                max-width: 150px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            
            .e9-odoc-exchange-login-form-remember-content .ant-checkbox + span {
                margin-right: 0;
            }

            .ant-checkbox {
                .ant-checkbox-inner{
                    background-image: url("/images/ecology9/offical/checkbox_normal.png");
                }
            }

            .ant-checkbox-checked {
                .ant-checkbox-inner {
                    background-image: url("/images/ecology9/offical/checkbox_checked.png");
                }
            }
               
        }
    
        .e9-odoc-exchange-login-form-submit{
                width: 100%;
                padding-top: 45px;
                position: relative;
            .e9-odoc-exchange-login-form-btn{
                width: 100%;
                height: 44px;
                font-size: 14px;
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E04001, endColorstr=#A40000);/*IE<9>*/
                background-image: linear-gradient(-180deg, #E04001 0%, #A40000 99%);
                border-radius: 8px;
                color: #ffffff;
                line-height: 18px;
                border: none;
                
            }

            .e9-odoc-exchange-login-form-btn:hover{
                opacity: 0.8;
                background-image: linear-gradient(-180deg, #E04001 0%, #A40000 99%);
            }
        }

        
    }
}

[class*="odocicon"], [class^="odocicon"] {
    font-family: wevicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



